@charset "utf-8";
@import "layout.css";


#wrap {	background:url(../images/common/background.jpg);background-attachment:fixed; background-color:#d4d4d4;}
#header {background: url(../images/common/header_bg1.png) 0 0 repeat-x;  position:fixed;width:100%;height:80px; /* 헤더의 높이 조정 */margin:0; padding:0; background-color:#FFF; z-index:1000;}
#header #logo {padding:15px 0 0 40px;float:left;}
#header_wrap {width:1025px; margin:0 auto; position:relative;}
/*메인메뉴*/
nav {padding:30px 0 0 0px;}
#mainNavi {position:absolute; width:600px; z-index:110; top:30px; left:280px;}
#mainNavi li {float:left;display:inline;height:38px;padding:2px 0 3px 40px;background: url(../images/common/gnb_bar.gif) no-repeat 20px 12px;}
#mainNavi li a {display:block;padding:8px 0 6px;color:#fff;text-decoration:none;text-align:center;font-size:14px;font-weight:bold;}
#mainNavi li a:hover, #mainNavi li a:focus {color:#f7e468;border-bottom:2px solid #FFF;}
#mainNavi li a.selected {height:35px;color:#ff3300;}
#mainNavi li:first-child {background:none;}

.lang {float:left; position:relative; cursor:pointer; padding-top:2px; right:-650px;}
.lang ul { display:none; position:absolute; top:20px; left:0; z-inidex:1000; width:106px; height:68px; background:#7e7e7e; }
.lang ul li {font-size:11px; font-family:'돋움'; }
.lang ul li a {color:#FFF; display:block; width:86px; padding:5px 10px;  }
.lang ul li a:hover {color:#FFF; background:#a7a7a7;}
/*서브페이지 서브메뉴*/
#subPageContent {width:1024px; min-height:500px; margin:0 auto; background-color:#fff;padding-top:80px;
box-shadow:  0px 5px 15px #333;
-webkit-box-shadow: 0px 5px 15px #333;
-moz-box-shadow:  0px 5px 15px #333;}
.subNavi{width:1024px; height:177px; background:url(../images/sub/subNavi.gif) no-repeat;}
.subNavi h1{padding:37px 0 0 20px;}
.subNavi h2{padding:15px 0 0 40px;}
#subNav{
	position:absolute;
	top:95px;
	left:0;
	width:100%;
}
#subNav ul{
	margin:0 auto;
	width:1000px;
	height:100px;
	position:relative;
}
#subNav ul li a{
	color:#fff;
	font-weight:bold;
	font-size:90%;
	letter-spacing:-1px;
	text-decoration:none;
	display:inline-block;
	padding-left:10px;
	background:#9ea0a3;
	line-height:31px;	
	position:absolute;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
#subNav ul li a:hover{background:#0372b3 url(../images/common/icn_arrow.gif) right 3px no-repeat;}
#subNav ul li a:focus{background:#5378a1 url(img/icn_arrow.gif) right 3px no-repeat;}
#subNav ul li.actMenu a{background:#0372b3;}
#subNavCoforward{background:url(../images/sub/subNav_bg.gif) right top no-repeat;}
#subNavCoforward #subNav_01 a{top:63px;right:405px;width:150px;}
#subNavCoforward #subNav_02 a{top:32px;right:295px;width:130px;}
#subNavCoforward #subNav_03 a{top:63px;right:140px;width:145px;}
#subNavCoforward #subNav_04 a{top:32px;right:0;width:130px;}

#subNav .top_img{
	margin:0 auto;
	width:1000px;
	height:75px;
	position:relative;
	text-align:right;
	padding-top:25px;
}

/*콘텐츠영역*/
#mainPageContent {width:1024px; min-height:650px; margin:0 auto; background-color:#fff;padding-top:80px;
box-shadow:  0px 5px 15px #333;
-webkit-box-shadow: 0px 5px 15px #333;
-moz-box-shadow:  0px 5px 15px #333;}
#infoBox {width:1024px; height: 287px; background:url(../images/main/info_bg.gif) 0 0 no-repeat; }
#infoBox .infoBox01{float: left;width: 300px;padding: 60px 20px 0 20px;}
#infoBox .infoBox02{float: left;width: 300px;padding: 60px 19px 0 0;}
#infoBox .infoBox03{float: left;width: 300px;padding: 60px 0px 0 0px; position:relative;}
#infoBox .infoBox04{float: left;width: 273px;padding: 60px 10px 0 50px; position:relative;}
#infoBox .infoBox01 h3 { padding:0 0 10px 15px; }
#infoBox .infoBox01 ul { line-height: 180%; padding-left:10px;}
#infoBox .infoBox01 ul li{ background: url(../images/common/bul01.gif) no-repeat 0 8px ;padding-left: 7px;}
#infoBox .infoBox01 p { padding:10px 0 0 30px;}
#infoBox .infoBox02 h3 { padding:0 0 10px 15px; }
#infoBox .infoBox02 ul { line-height: 180%; padding-left:5px;}
#infoBox .infoBox02 ul li{ background: url(../images/common/bul01.gif) no-repeat 0 8px ;padding-left: 7px;}
#infoBox .infoBox02 p { padding:32px 0 0 30px; display:block;}
#infoBox .infoBox03 h3 { padding:0 0 10px 15px; }
#infoBox .infoBox03 .demoLink { width:15px; position:absolute; top:95px; left:156px;}
#infoBox .infoBox03 .demoLink p{ float:left; display:block; width:150px;}
#infoBox .infoBox03 .demoLink p img{ padding-top:15px;}
#infoBox .infoBox04 h3 { border-bottom:1px solid #ebeae8; width:273px; margin-bottom:10px;}
#infoBox .infoBox04 ul { line-height: 180%;}
#infoBox .infoBox04 ul li{ background: url(../images/common/bul04.gif) no-repeat 0 8px ;padding-left: 7px;}
#infoBox .infoBox04 ul li img{ padding-left:7px;}
#infoBox .infoBox04 p { padding:32px 0 0 0; display:block;}
#infoBox .infoBox04 .more02 { position:absolute; top:37px; right:15px;}


/*푸터영역*/

footer {width:1024px;  margin:0 auto; background:#333; box-shadow:  0px 5px 15px #333;
-webkit-box-shadow: 0px 5px 15px #333;
-moz-box-shadow:  0px 5px 15px #333; 
}
.footer01{height:215px; background: url(../images/common/footer_top.jpg) no-repeat;}
.footer01 .btnBox{display:inline-block; padding:70px 0 0 220px;}
.copy {height: 51px; background:#333;}
.copy p{padding:19px 0 0 30px; color:#ebebeb; display:inline-block;font-weight:bold; float:left;}
.copy ul{float:right; padding-right:20px;padding-top:12px;}
.copy ul li{float:left; display:inline; padding-right:10px;}
.clear {clear:both;}


/*서브콘텐츠영역*/
.subContain {width:990px; padding-left:10px;}
.subContain h1{ padding:16px 0 20px 35px ; background: url(../images/common/bul02.gif) no-repeat 20px 20px; font-size:16px; font-weight:bold;}
.subContain h1.subtle02{margin-left:150px; padding:16px 0 0 35px ;} /* 2013.04.22 추가 */
.subContain .diagram01 {text-align:center; padding:5px 0 10px 10px;}
.subContain .diagram02 {text-align:center; padding:25px 0 30px 0;}
.subContain .diagram03 {text-align:center; padding:5px 0 30px 10px;} /* 2013.04.22 추가 */

.subContain .text01 {padding:0 15px 0 38px; color:#707070; line-height:1.4em;}
.subContain .text02 {padding:15px 15px 0 38px; color:#707070; line-height:1.4em;}
.subContain .text03 {padding:0 15px 0 38px; color:#024d99; font-weight:bold; line-height:1.4em;}


/*슬라이드*/
.nivo-controlNav{bottom: -30px;left: 950px;position: absolute;
}
.nivo-controlNav a
{
	background: #b5b5b5;
	border-radius: 10px;
	box-shadow: inset 0px 1px 1px rgba(0,0,0, .5), 0px 1px 1px rgba(255,255,255, .05);
	display: block;
	float: left;
	height: 10px;
	margin-right: 5px;
	moz-border-radius: 10px;
	moz-box-shadow: inset 0px 1px 1px rgba(0,0,0, .5), 0px 1px 1px rgba(255,255,255, .05);
	text-indent: -9999px;
	webkit-border-radius: 10px;
	webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0, .5), 0px 1px 1px rgba(255,255,255, .05);
	width: 10px;
}
.nivo-controlNav a.active,
.nivo-caption span
{
	background: #4d8da7;
	background: linear-gradient(top, #4a87a1 0%,#5295b1 100%);
	background: -moz-linear-gradient(top, #4a87a1 0%, #5295b1 100%);
	background: -ms-linear-gradient(top, #4a87a1 0%,#5295b1 100%);
	background: -o-linear-gradient(top, #4a87a1 0%,#5295b1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a87a1), color-stop(100%,#5295b1));
	background: -webkit-linear-gradient(top, #4a87a1 0%,#5295b1 100%);
	box-shadow: inset 0px 1px 1px rgba(255,255,255, .4), 0px 1px 1px rgba(0,0,0, .3);
	moz-box-shadow: inset 0px 1px 1px rgba(255,255,255, .4), 0px 1px 1px rgba(0,0,0, .3);
	webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255, .4), 0px 1px 1px rgba(0,0,0, .3);
}
/*대표기능*/
.function {width:954px; height:210px; margin:10px 0 0 45px; padding-bottom:10px;}
.function .fun_t {width:952px; height:29px; background:url(../images/sub/fun_tbg.gif) no-repeat; padding:7px 0 0 20px; font-weight:bold; font-size:14px; color:#07628c;}
.function img {float:right;margin:5px 10px 0 15px;}
.function .fun_text{font-weight:bold; padding:7px 10px 0 10px; line-height:150%;}
.function .fun_text01{margin:15px 0 0 20px; float:left; line-height:160%;width:300px;}
.function .fun_text01 li{background: url(../images/common/bul03.gif) no-repeat 0 8px; padding-left:8px;}
.function .fun_text02 {margin:15px 0 0 0px; float:left; line-height:160%;}
.function .fun_text02 li{background: url(../images/common/bul03.gif) no-repeat 0 8px; padding-left:8px;}
.function .fun_text03{margin:15px 0 0 20px; float:left; line-height:160%;width:350px;}
.function .fun_text03 li{background: url(../images/common/bul03.gif) no-repeat 0 8px; padding-left:8px;}


.lay_none{
display:none;
}


/* 컨텐츠 준비중 */
.cont_standby{ text-align:center; padding:50px 0 100px 0;}


/*제품다운로드*/
.demo_box {width:632px; height:100%; background:url(../images/sub/demo_box_bg01.gif) no-repeat left top; padding:40px 0; margin:43px 0 0 182px;}
.demo_box .demo_box_lay{float:left;width:506px; background:url(../images/sub/demo_box_bg02.gif) no-repeat left bottom; padding:0 67px 20px 59px; margin-bottom:25px;}
.demo_box .demo_box_lay table{width:100%;border:none;}
.demo_box .demo_box_lay table caption{
visibility:hidden;
overflow:hidden;
/*position:absolute;*/
width:0;
height:0;
line-height:0;
font-size:0;
}
.demo_box .demo_box_lay table th{border:none; text-align:left; padding:8px 0 20px 0; vertical-align:top; font-size:14px; font-family:"굴림", "굴림체";}
.demo_box .demo_box_lay table th.bul_text01{ background:url(../images/common/bul02.gif) no-repeat left 10px; padding-left:18px;}
.demo_box .demo_box_lay table th.bul_text02{ background:url(../images/common/bul05.gif) no-repeat 3px 12px; padding-left:18px;}
.demo_box .demo_box_lay table td{border:none; padding-bottom:20px; vertical-align:top; font-size:14px;}
.demo_box .demo_box_lay table td input[type="text"]{width:98%; height:24px; border:2px solid #bebebe; padding-left:3px; line-height:24px;}
.demo_box .demo_box_lay table td textarea {width:98%; border:2px solid #bebebe; padding-left:3px; font-size:14px;}
.demo_box .demo_box_lay table td input[type="text"]:hover,
.demo_box .demo_box_lay table td textarea:hover,
.demo_box .demo_box_lay table td input[type="text"]:focus,
.demo_box .demo_box_lay table td textarea:focus{border:2px solid #b71c21;}
.demo_box .demo_btn{width:100%; text-align:center;}


/*회사소개(History)*/
.aboutus_history {width:978px; height:600px; background:url(../images/sub/aboutus_history_bg.gif) no-repeat right bottom; padding-left:35px;}
.aboutus_history dl {position:relative; float:left; width:880px; padding-bottom:20px;}
.aboutus_history dt { position:absolute; left:0; top:0; float:left; width:98px; height:23px; background:url(../images/sub/aboutus_history_year.gif) no-repeat left top; text-align:center; padding:11px 7px 0 0; font-weight:bold; color:#273d60;}
.aboutus_history dd {float:left; width:540px; background:url(../images/sub/aboutus_history_year_icon01.gif) no-repeat left 10px; padding:11px 0 0 36px; margin-left:105px;}
.aboutus_history strong { padding-right:14px; color:#273d60;}
.aboutus_history .year_icon01 {background:url(../images/sub/aboutus_history_year_icon02.gif) no-repeat left 10px;}
.aboutus_history .year_icon02 {background:url(../images/sub/aboutus_history_year_icon03.gif) no-repeat left bottom;}
.aboutus_history .year_icon03 {background:url(../images/sub/aboutus_history_year_icon04.gif) no-repeat left 1px;}


/*회사소개(직원)*/
.aboutus_mb {width:880px; height:1150px;}
.aboutus_mb li {float:left ;width:405px; padding:0 0 30px 35px;}
.aboutus_mb li span {float:left;width:200px; margin-right:15px;}
.aboutus_mb .mb_info {float:left;width:190px; margin-top:20px;}
.aboutus_mb .mb_info li {float:left;width:178px; background:url(../images/common/bul06.gif) no-repeat left 4px; padding:0 0 10px 12px; color:#707070;}


/* 로그인 */
.login_top_text{
width:575px;
height:40px;
clear:both;
background:url(../images/member/login_icon.gif) no-repeat left top;
padding:9px 0 25px 47px;
margin:0 0 0 55px; 
}

.lay_login{
width:676px;
clear:both;
background:url(../images/member/login_bg01.gif) no-repeat left top;
padding-top:39px;
margin:150px auto 0 auto;
}
.lay_login .login_form{
width:626px;
height:74px;
clear:both;
background:url(../images/member/login_bg02.gif) no-repeat left bottom;
padding:0 0 0 50px;
}
.lay_login .login_form li{
width:240px;
float:left;
margin-right:5px;
}
.lay_login .login_form label{
float:left;
margin:10px 10px 0 0;
}
.lay_login .login_form input{
float:left;
}
.lay_login .login_form input.id_form{
width:165px;
height:32px;
border:1px solid #dadada;
/*background:url(../images/member/id_form_bg.gif) no-repeat left top;*/
padding-left:5px;
line-height:32px;
}
.lay_login .login_form input.pw_form{
width:165px;
height:32px;
border:1px solid #dadada;
padding-left:5px;
line-height:32px;
}
.lay_login .login_form .login_btn{
width:83px;
height:33px;
float:left;
display:inline;
}

.lay_login .login_btm{
height:20px;
clear:both;
background:#fff;
padding-top:30px;
}
.lay_login .login_btm li{
float:left;
padding:0 33px;
line-height:0;
font-size:0;
}
.lay_login .login_btm li p{
clear:both;
margin-top:10px;
}
